#{
	margin: 0;
	padding: 0;
	font-family: 'Poppins',sans-serif;
}
html,body{
	height: 100%;
	width: 100%;
	overflow: hidden;
background-image: url("../gif/z1.gif");
background-size: cover;
}
.container{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.footer img{
	height:90% ;
	border-radius: 50px;
}
.footer{
	         height: 40px;
	                line-height: 40px;
	                position: fixed;
	                bottom: 0;
	                width: 100%;
	                text-align: center;
	                background: #333;
	                color: #fff;
	                font-family: Arial;
	                font-size: 12px;
	                letter-spacing: 1px;
}
.container .text{
	position: relative;
	color: #fff;
	font-weight: 700;
	font-size: 60px;
	text-transform: uppercase;
	transform: scale(2);
	letter-spacing: 2px;
	padding: 30px;
}
.container .text:before,
.container .text:after{
	position: absolute;
content: attr(data-text);
padding: 30px;
width: 100%;
height: 100%;
top: 0;
left: 0;
/* background: #000; */
color: #fff;
overflow: hidden;
}
.container .text:before{
	left: 3px;
	text-shadow: -2px 0 red;
	animation: glitch-1 2s 0s linear reverse infinite;
}

.container .text:after{
	left: -3px;
	text-shadow: -2px 0 blue;
	animation: glitch-2 2s 0s linear reverse infinite;
}
@keyframes  glitch-1 {
	0%{
		clip:rect(132px,350px,101px,30px);
	}
	5%{
		clip:rect(17px,350px,94px,30px);
	}
	10%{
		clip:rect(85px,350px,66px,30px);
	}
	15%{
		clip:rect(91px,350px,91px,30px);
	}
	
	20%{
		clip:rect(137px,350px,61px,30px);
	}
	25%{
		clip:rect(34px,350px,14px,30px);
	}
	30%{
		clip:rect(76px,350px,107px,30px);
	}
	35%{
		clip:rect(98px,350px,71px,30px);
	}
	40%{
		clip:rect(146px,350px,34px,30px);
	}
	45%{
		clip:rect(134px,350px,43px,30px);
	}
	50%{
		clip:rect(102px,350px,80px,30px);
	}
	55%{
		clip:rect(119px,350px,44px,30px);
	}
	60%{
		clip:rect(106px,350px,99px,30px);
	}65%{
		clip:rect(141px,350px,74px,30px);
	}70%{
		clip:rect(20px,350px,78px,30px);
	}75%{
		clip:rect(133px,350px,79px,30px);
	}80%{
		clip:rect(78px,350px,52px,30px);
	}85%{
		clip:rect(35px,350px,39px,30px);
	}90%{
		clip:rect(71px,350px,103px,30px);
	}
	95%{
		clip:rect(71px,350px,103px,30px);
	}100%{
		clip:rect(83px,350px,40px,30px);
	}
}
@keyframes  glitch-2 {
	0%{
		clip:rect(132px,350px,101px,30px);
	}
	5%{
		clip:rect(17px,350px,94px,30px);
	}
	10%{
		clip:rect(85px,350px,66px,30px);
	}
	15%{
		clip:rect(91px,350px,91px,30px);
	}
	
	20%{
		clip:rect(137px,350px,61px,30px);
	}
	25%{
		clip:rect(34px,350px,14px,30px);
	}
	30%{
		clip:rect(76px,350px,107px,30px);
	}
	35%{
		clip:rect(98px,350px,71px,30px);
	}
	40%{
		clip:rect(146px,350px,34px,30px);
	}
	45%{
		clip:rect(134px,350px,43px,30px);
	}
	50%{
		clip:rect(102px,350px,80px,30px);
	}
	55%{
		clip:rect(119px,350px,44px,30px);
	}
	60%{
		clip:rect(106px,350px,99px,30px);
	}65%{
		clip:rect(141px,350px,74px,30px);
	}70%{
		clip:rect(20px,350px,78px,30px);
	}75%{
		clip:rect(133px,350px,79px,30px);
	}80%{
		clip:rect(78px,350px,52px,30px);
	}85%{
		clip:rect(35px,350px,39px,30px);
	}90%{
		clip:rect(71px,350px,103px,30px);
	}
	95%{
		clip:rect(71px,350px,103px,30px);
	}100%{
		clip:rect(83px,350px,40px,30px);
	}
}